.recharge-record-page{
  .transaction_item {
    padding: 0rem 0.4rem;
    .transaction_item_content {
      padding: 0.44rem 0rem 0.16rem 0rem;
      display: flex;
      justify-content: space-between;
      border-bottom: 0.02rem solid #e9e9e9;
      align-items: center;
      .transaction_item_content_left {
        display: flex;
        .logo_img_type {
          width: 0.8rem;
          height: 0.8rem;
          margin-right: 0.32rem;
        }
        .boxaa {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          .transaction_item_content_top_left {
            font-size: 0.28rem;
            color: #302e2f;
            line-height: 0.4rem;
            font-weight: 500;
          }
          .transaction_item_content_bottom_left {
            color: #302e2f;
            font-size: 0.24rem;
            line-height: 0.34rem;
          }
        }
      }
      .transaction_item_content_right {
        height: 0.8rem;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: space-between;
        .transaction_item_content_top_right {
          font-size: 0.28rem;
          color: #f3c191;
          font-weight: 500;
        }
        .transaction_item_content_bottom_right {
          color: #302e2f;
          font-size: 0.24rem;
        }
      }
    }
  }

  .data-box{
    border-top-left-radius: 0.2rem;
    border-top-right-radius: 0.2rem;
    box-sizing: border-box;
    // padding-top: 0.2rem;
    background: #fff;
    .row{
      padding: 0.4rem 0rem;
      margin: 0rem 0.4rem;
      box-shadow: 0px 1px 0px 0px #EEEEEE;
      .row-top{
        display: flex;
        justify-content: space-between;
        margin-bottom: 0.2rem;
        .title{
          font-size: 0.28rem;
          color: #302E2F;
          font-weight: 500;
        }
        .amt{
          font-size: 0.32rem;
          color: #232323;
          font-weight: 500;
        }
      }
      .row-buttom{
        display: flex;
        justify-content: space-between;
        .time{
          font-size: 0.28rem;
          color: #999999;
        }
        .type{
          font-size: 0.28rem;
          color: #999999;
        }
      }
    }
    .record_listview_foot {
      padding: 15px;
      text-align: center;
    }
    .am-list-body::before{
      background: #fff;
    }
    .amount-echarged{
      height: 0.96rem;
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0rem 0.3rem;
      box-sizing: border-box;
      background: #FFFAF2;
      border-top-left-radius: 0.2rem;
      border-top-right-radius: 0.2rem;
      .title{
        font-size: 0.28rem;
        color: #BC9A67;
        font-weight: 600;
      }
      .amt{
        color: #F82633;
        font-size: 0.36rem;
      }
    }
    .empty{
      display: flex;
      justify-content: flex-start;
      flex-direction: column;
      align-items: center;
      img{
        width: 2.4rem;
        height: 2.4rem;
        margin-bottom: 0.6rem;
        margin-top: 1.2rem;
      }
      span{
        font-size: 0.28rem;
        color: #666666;
      }
    }
  }
}
.rule-modal{
  .content{
    color: #302E2F;
    font-size: 0.28rem;
    text-align: start;
    line-height: 0.56rem;
  }
  .am-modal-button{
    color: #B17C52;
  }
}